<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/6/21
  Time: 21:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>注册</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- All Plugins Css -->
    <link href="assets/css/plugins.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="assets/css/styles.css" rel="stylesheet">
    <script src="assets/js/user.js"></script>
    <script type="text/javascript">
        var msg = "${msg}"
        if(msg!=""){
            alert(msg)
        }
    </script>
</head>

<body class="blue-skin">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="Loader"></div>

<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">

    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->
    <!-- Start Navigation -->
    <div class="header header-light">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <nav id="navigation" class="navigation navigation-landscape">
                        <div class="nav-header">
                            <a class="nav-brand" href="#">
                                <img src="assets/img/logo3.png" class="logo" alt="" />
                            </a>
                            <div class="nav-toggle"></div>
                        </div>
                        <div class="nav-menus-wrapper">
                            <ul class="nav-menu">

                                <li><a href="jump/toindex">主页<span class="submenu-indicator"></span></a>
                                </li>

                                <li><a href="jump/tostudy">学习主题<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/toclass">Java</a></li>
                                        <li><a href="jump/toclass">Java Script</a></li>
                                        <li><a href="jump/toclass">C</a></li>
                                        <li><a href="jump/toclass">C#</a></li>
                                        <li><a href="jump/toclass">C++</a></li>
                                        <li><a href="jump/toclass">Python</a></li>
                                    </ul>
                                </li>
                                <li><a href="jump/toarticles">精品文章</a></li>
                                <li><a href="jump/tofaq">问题与解答</a></li>
                                <li><a href="jump/toteacher">金牌讲师<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/toteacher">mxt</a></li>
                                    </ul>
                                </li>
                                <li class="active"><a href="jump/touser">其他<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/tologin">登录</a></li>
                                        <li><a href="jump/tosignup">注册</a></li>
                                        <li><a href="jump/towallets">数据表</a></li>
                                        <li><a href="jump/touser">个人信息</a></li>
                                    </ul>
                                </li>
                            </ul>
                            <jsp:include page="denglu.jsp"/>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- End Navigation -->
    <div class="clearfix"></div>
    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->

    <!-- ============================ Dashboard Header Start================================== -->
    <div class="_agt_dash dark" style="background:#675bca url(assets/img/tag-light.png) no-repeat;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="_capt9oi">
                        <h1 class="text-light">Create An Account</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ========================== Dashboard Header header ============================= -->


    <!-- ========================== SignUp Elements ============================= -->
    <section class="gray-light">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-11 col-md-11">

                    <div class="row no-gutters position-relative log_rads">
                        <div class="col-lg-5 col-md-5 theme-bg">
                            <div class="lui_9okt6">
                                <h2 class="text-light">Check Out<br>Customers Reviews</h2>
                                <p class="text-light">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium.</p>
                                <div class="_loh_revu97">
                                    <div class="owl-carousel owl-theme middle-arrow-hover" id="reviews-login">

                                        <!-- Single Reviews -->
                                        <div class="_loh_r96">
                                            <div class="_bloi_quote"><i class="fa fa-quote-left"></i></div>
                                            <div class="_loh_r92">
                                                <h4>Good Services</h4>
                                            </div>
                                            <div class="_loh_r93">
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                            </div>
                                            <div class="_loh_foot_r93">
                                                <h4>Shilpa D. Setty</h4>
                                                <span>Team Leader</span>
                                            </div>
                                        </div>

                                        <!-- Single Reviews -->
                                        <div class="_loh_r96">
                                            <div class="_bloi_quote"><i class="fa fa-quote-left"></i></div>
                                            <div class="_loh_r92">
                                                <h4>Good Services</h4>
                                            </div>
                                            <div class="_loh_r93">
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                            </div>
                                            <div class="_loh_foot_r93">
                                                <h4>Adam Wilsom</h4>
                                                <span>Mak Founder</span>
                                            </div>
                                        </div>

                                        <!-- Single Reviews -->
                                        <div class="_loh_r96">
                                            <div class="_bloi_quote"><i class="fa fa-quote-left"></i></div>
                                            <div class="_loh_r92">
                                                <h4>Customer Support</h4>
                                            </div>
                                            <div class="_loh_r93">
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                            </div>
                                            <div class="_loh_foot_r93">
                                                <h4>Kunal M. Wilsom</h4>
                                                <span>CEO & Founder</span>
                                            </div>
                                        </div>

                                        <!-- Single Reviews -->
                                        <div class="_loh_r96">
                                            <div class="_bloi_quote"><i class="fa fa-quote-left"></i></div>
                                            <div class="_loh_r92">
                                                <h4>Ultimate Services</h4>
                                            </div>
                                            <div class="_loh_r93">
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                            </div>
                                            <div class="_loh_foot_r93">
                                                <h4>Mark Jugermark</h4>
                                                <span>MCL Founder</span>
                                            </div>
                                        </div>
                                        <!-- Single Reviews -->
                                        <div class="_loh_r96">
                                            <div class="_bloi_quote"><i class="fa fa-quote-left"></i></div>
                                            <div class="_loh_r92">
                                                <h4>Item Support</h4>
                                            </div>
                                            <div class="_loh_r93">
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                            </div>
                                            <div class="_loh_foot_r93">
                                                <h4>Kirti Washinton</h4>
                                                <span>Web Designer</span>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="col-lg-7 col-md-7 position-static p-4 pl-md-0">
                            <form action="signup/signup" method="post" onsubmit="return checkAll()">
                            <div class="log_wraps">
                                <div class="log__heads">
                                    <h4 class="mt-0 logs_title">注 <span class="theme-cl">册</span></h4>
                                </div>

                                <div class="form-group">
                                    <label>账号*</label>
                                    <input type="text" class="form-control" id="acc" name="uacc" placeholder="请输入2~6位数账号" onblur="accyanzheng(this)"/>
                                </div>
                                    <span id="acc_error"></span>

                                <div class="form-group">
                                    <label>密码*</label>
                                    <input type="password" class="form-control" id="upwd" name="upwd" placeholder="请输入六位以上密码，可以带-*/+!.符号" onkeyup="pwdyanzheng(this)"/>
                                </div>
                                    <span id="pwd_error"></span>

                                <div class="form-group">
                                    <label>再次输入密码*</label>
                                    <input type="password" class="form-control" id="upwd2" placeholder="请再次输入密码" onblur="pwd2yanzheng(this)"/>
                                </div>
                                    <span id="pwd2_error"></span>

                                <div class="form-group">
                                    <label>用户名*</label>
                                    <input type="text" class="form-control" id="uname" name="uname" placeholder="请输入您的用户名" onblur="nameyanzheng(this)"/>
                                </div>
                                    <span id="name_error"></span>

                                <div class="form-group">
                                    <label>电话*</label>
                                    <input type="text" class="form-control" id="uphone" name="uphone" placeholder="请输入您的手机号码" onblur="phoneyanzheng(this)"/>
                                </div>
                                    <span id="phone_error"></span>

                                <a href="javascript:void(0);" id="phoneyzm" class="theme-cl" onclick="sendPhoneCode()" hidden="hidden">获取验证码</a>
<%--                                <input type="button" class="btn btn-5 btn-style-2" id="yzm" onclick="sendEmailCode()" value="获取验证码"  />--%>

                                <div class="form-group" id="yzmdiv" hidden="hidden">
                                    <label>验证码*</label>
                                    <input type="text" class="form-control" id="code" name="code" placeholder="请输入短信验证码" onblur="yzmyanzheng(this)"/>
                                </div>
                                    <span id="yzm_error"></span>

                                <div class="logs_foot mb-3">
                                    <div class="logs_foot_first">
                                        <input id="ct-1" class="checkbox-custom" name="ct-1" type="checkbox">
                                        <label for="ct-1" class="checkbox-custom-label">我同意当前条款</label>
                                    </div>
                                    <div class="logs_foot_last">
                                        已经拥有账号? <a href="jump/tologin" class="theme-cl">登录</a>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <input type="submit" class="_uy98p btn w-100" value="注册" style="height: 60px; font-size: 21px;background: #11AF6D"/>
                                </div>

                                <div class="form-group text-center">
                                    <span></span>
                                </div>
                            </form>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ========================== Login Elements ============================= -->

    <!-- =========================== Footer Start ========================================= -->
    <jsp:include page="footer.jsp"></jsp:include>
    <!-- =========================== Footer End ========================================= -->

    <!-- Log In Modal -->
    <!-- End Modal -->

</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->

<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/select2.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/ion.rangeSlider.min.js"></script>
<script src="assets/js/counterup.min.js"></script>
<script src="assets/js/custom.js"></script>
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- ============================================================== -->

<script>
    function openRightMenu() {
        document.getElementById("rightMenu").style.display = "block";
    }
    function closeRightMenu() {
        document.getElementById("rightMenu").style.display = "none";
    }
</script>

</body>

</html>